@charset "utf-8";
@import "utils";

/*@import "reset";*/


/*@import "common";*/

html,
body {
    //  width: 100%;
    //  height: 100%;
}

.My_order_web {
    @include web;
    //头部引入  
    //主体 
    section {
        @include midContent;
        //订单信息
        .MyOrder {
            margin-top: r(35);
            padding-top: r(30);
            //          border-bottom: 1px solid #e39d88;
            position: relative;
            //          margin-bottom: r(28);
            .MyOrder_font {
                margin-left: r(18);
                border-left: r(6) solid #e39d88;
                p {
                    font-size: r(25+8);
                    color: #e39d88;
                    margin-left: r(17);
                }
            }
            .MyOrder_pic {
                position: absolute;
                top: r(30);
                right: 0;
                margin-right: r(20);
                width: r(40);
                height: r(60);
                z-index: 10;
                border-bottom: r(6) solid #e39d88;
                text-align: center;
                div {
                    transition: transform .3s;
                    transform: rotate(180deg);
                    display: inline-block;
                    width: r(30);
                    height: r(30);
                    @include aImg;
                }
                &::after {
                    content: "";
                    display: block;
                    width: r(750*.90);
                    height: r(2);
                    background: #e39d88;
                    position: absolute;
                    bottom: r(-4);
                    right: 0;
                }
            }
        }
        .Order_information {
            display: none;
            width: 100%;
            margin: 0 auto;
            font-size: 0;
            //          margin-left: r(20);
            margin-top: r(50);
            padding-bottom: r(27);
            border-bottom: 1px solid #f1f1f1;
            &>ul {
                width: 100%;
                &>li {
                    width: 24.7%;
                    height: r(117);
                    background: #f8f8f8;
                    text-align: center;
                    padding-bottom: r(10);
                    display: inline-block;
                    vertical-align: top;
                    margin-right: r(2);
                    >a {
                        >div {
                            margin-top: r(20);
                            width: r(30);
                            height: r(49);
                            display: inline-block;
                            img {
                                width: 100%;
                            }
                        }
                        &>p {
                            color: #d69782;
                            font-size: r(17+8);
                            margin-top: r(10);
                        }
                    }
                }
                &>li:nth-child(2) {
                    &>a {
                        &>div {
                            margin-top: r(15);
                            width: r(48);
                            height: r(55);
                        }
                    }
                }
                &>li:nth-child(3) {
                    &>a {
                        &>div {
                            margin-top: r(15);
                            width: r(39);
                            height: r(55);
                        }
                    }
                }
                &>li:nth-child(4) {
                    &>a {
                        &>div {
                            margin-top: r(28);
                            width: r(45);
                            height: r(42);
                        }
                    }
                }
            }
        }
        .section_content {
            padding-bottom: r(38);
            border-bottom: 1px dashed #e39d88;
            //订单
            .order_for_goods {
                width: 100%;
                //              margin-left: r(20);
                .goods_order {
                    .order_number {
                        margin-top: r(40);
                        margin-bottom: r(20);
                        p {
                            color: #6f6f6f;
                            font-size: r(20+8);
                        }
                    }
                    .order_goods {
                        font-size: 0;
                        margin-top: r(15);
                        width: 100%;
                        background: #f6f6f6;
                        overflow: hidden;
                        .order_goods_left {
                            vertical-align: top;
                            display: inline-block;
                            &>div {
                                margin: r(15) r(25) r(15) r(20);
                                width: r(160);
                                height: r(160);
                                @include aImg;
                            }
                        }
                        .order_goods_right {
                            width: r(480);
                            overflow: hidden;
                            display: inline-block;
                            position: relative;
                            .goods_right_top {
                                width: r(350);
                                margin-top: r(10);
                                overflow: hidden;
                                p {
                                    color: #7c7c7c;
                                    margin-top: r(10);
                                    font-size: r(19+8);
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                }
                            }
                            .Payment_already {
                                position: absolute;
                                top: r(30);
                                right: r(0);
                                width: 45%;
                                text-align: right;
                                overflow: hidden;
                                p {
                                    color: 666666;
                                    font-size: r(22+8);
                                }
                            }
                            .goods_right_bottom {
                                margin-top: r(-50);
                                text-align: right;
                                p {
                                    color: #535353;
                                    font-size: r(18+8);
                                }
                                span {
                                    margin-top: r(5);
                                    color: #a5a5a5;
                                    font-size: r(18+8);
                                }
                            }
                        }
                    }
                }
            }
            //付款信息
            .place_order {
                width: 100%;
                margin-top: r(50);
                overflow: hidden;
                text-align: right;
                .place_order_top {
                    //                      margin-right: r(20);
                    &>ul {
                        &>li {
                            color: #6f6f6f;
                            font-size: r(19+8);
                            display: inline-block;
                        }
                        &>li:last-child {
                            color: #535353;
                        }
                    }
                }
                //按钮
                .place_order_bottom {
                    margin-top: r(55);
                    width: 100%;
                    font-size: 0;
                    span {
                        font-size: r(19+8);
                    }
                    &>div {
                        display: inline-block;
                        min-width: r(145);
                        padding: 0 r(15);
                        height: r(50);
                        line-height: r(50);
                        background: #e39d88;
                        text-align: center;
                        margin-left: r(25);
                        a {
                            height: 100%;
                            display: block;
                            color: #fff;
                            font-size: r(19+8);
                        }
//                      a:hover {
//                          background: #fff;
//                          opacity: .4;
//                          color: #000;
//                      }
                    }
                }
            }
        }
    }
    //  尾部样式引入
}